<html>
	<head>
		<wicket:head>
			<style type="text/css">		
				.batchInputName{
					width:80%;
					margin-left:3px;
					margin-top:3px;
					margin-bottom:3px;
					border:1px solid #dddddd;
					height:14px;
					padding:1px;
					font-size:12px;
				}		
			</style>
		
		</wicket:head>
	</head>
	
	<body>
		<wicket:extend>
			<div>
				<div class="inviteOuter" style="width:700px;padding-right:50px;">
					<div class="es-invform">
						<div style="padding-bottom:10px;border-bottom:1px solid black;">
							<div class="es-invFieldName" style="margin-top:20px;">
								Bulk Student Entry from MS Excel file
							</div>
							<div style="margin-top:10px;">
								<p>Click on download link to download MS Excel file. 
									Fill-up the file with user data and upload to add the users to this batch.
									&nbsp;<wicket:link><a href="New-Student-Entry-Form.xls" style="text-decoration: underline;">Download Student Entry Form</a></wicket:link>
								</p>
								<form wicket:id="uploadForm">
									<input type="file" wicket:id="fufi"></input>
									<input type="submit" value="Upload"/>
								</form>
							</div>
						</div> 
						
						<div>
							<div class="es-invFieldName" style="margin-top:10px;">
								Single user invitation 
							</div>
							<div style="margin-top:10px;">
								<form wicket:id="manualEntry">
									<div style="padding-top:2px 20px;color:#F55;" wicket:id="statusString">
										
									</div>
									<div class="stripes" style="margin-bottom:10px;">
										<table>
											<tr style="">
												<th style="padding:3px;width:150px;">Email ID/<br/>Edushare Login</th>										
												<th style="padding:3px;width:100px;">Roll number/<br/>Enrolment ID</th>
												<th style="padding:3px;width:150px;">First name</th>
												<th style="padding:3px;width:150px;">Last name</th>
											</tr>
											<tr>
												<td>
													<input type="text" class="batchInputName" wicket:id="emailID"/>
												</td>
												<td>
													<input type="text" class="batchInputName" wicket:id="rollNumber"/>
												</td>
												<td>
													<input type="text" class="batchInputName" wicket:id="firstName"/>
												</td>
												<td>
													<input type="text" class="batchInputName" wicket:id="lastName"/>
												</td>
											</tr>
										</table>
									</div>
									<button type="submit" class="es-button ui-state-default ui-corner-right" style="margin-top:-3px;">
										Invite
									</button>
								</form>
							</div>
						</div> 
						                               
					</div>
					
						
					<div class="es-pplContainer">
						<div wicket:id="thumbList">
						</div>
					</div>
				</div>
			</div>		
		</wicket:extend>
	</body>
</html>